<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>线上笔试答题系统</title>
	<link rel="stylesheet" href="./styles/css/common.css">
	<link rel="stylesheet" href="./styles/css/index.css">
</head>

<body class="choice">
	<script src="http://rsj.beijing.gov.cn/images/rsj_header.js"></script>
	<include src="./include/header.html"></include>
	<div class="wrap" id="nav_wrap">
		<script type="text/html" id="nav_tem">
			<%if(data.executeResult == 1){%>
			<% var _Data = data.dtxx%>
			<% var _data = data.tmxx%>
			<div class="com-nav">
				<div class="choice-nav">
					<i class="J_goback">
						<img src="./styles/images/fanhui.png" alt=""></i>
					<p class="job"><%=_Data.gwwdmc%></p>
					<p class="jjt">进阶题</p>
					<div class="timeout">
						<span class="left">计时器</span>
						<b class="right"></b>
					</div>
				</div>
			</div>
			<!-- 内容区域 -->
			<%if(_data.length>0){%>
			<div class="subject-wrap">
				<div class="subject-con">
					<!-- 题目说明 -->
					<p class="subject-explain">
						<%=#_Data.zdy,true%>
					</p>
					<%for(var i=0;i<_data.length;i++){%>
					<% var _item = _data[i]%>
					<!-- 题目内容 -->
					<!-- 单纯的选择题 -->
					<div class="subject-item clearfix" tmbh="<%=_item.tmbh%>" tmjb="<%=_item.tmjb%>" tb="<%=_item.tb%>">
						<%if(i>=10){%>
						<i class="th left">0<%=i+1%>、</i>
						<%}else{%>
						<i class="th left"><%=i+1%>、</i>
						<%}%>
					<div class="item left">
						<p class="tm" dqys="<%=_item.dqys%>"><%=#_item.tmmc,true%></p>
						<!-- 单个选项样式 -->
						<div class="blankCon blankNum">

							<div <%if(_Data.sfxt=='1'){%> class="blankItem J_blankItem" <%} else {%>class="blankItem focusActive" <%}%>>
								<input type="text" class="blankInput" placeholder="请输入答案" value="" maxlength="50">
							</div>
						</div>
					</div>
				</div>
				<%}%> <div class="subject-btn">
								<!-- <span class="back J_cancel">返回</span> -->
								<span class="tj J_save">提交</span>
							</div>
						</div>
					</div>
					<%}%>
	           	<%}%>

		</script>
	</div>
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>
	<script src="./common/vendor.js"></script>
	<script src="./common/common.js"></script>
	<script>
		$(function () {
			var Load = new $.Loading();
			var gwwd = $.paramObj() && $.paramObj().gwwd; //岗位维度
			var cqpcbh = $.paramObj() && $.paramObj().cqpcbh; //抽取批次编号
			var tmcxfs = $.paramObj() && $.paramObj().tmcxfs; // 0：点击开始答题，1：点击上一步，2：点击下一步
			var dqys = $.paramObj() && $.paramObj().dqys; // 当前页数
			var zxwdjb = $.paramObj() && $.paramObj().zxwdjb; //自选维度级别
			var gwwhid = $.paramObj() && $.paramObj().gwwhid
			var Newcqpcbh = "";
			var newdqys = "";
			var timeInterval = ""; // 计时器
			var sfzhyt = ""; // 是不是最后一题
			var Bc_Obj = {}; //  存题的数组
			var NewBc_Arr = []; // 选择题目类型保存
			var sfzhyy = ""; // 是否最后一页
			var sfxt = "";
			// 查询个人答题
			getInfo("", gwwd, cqpcbh, tmcxfs, dqys, zxwdjb, gwwhid, '');

			function getInfo(ywcz, gwwd, cqpcbh, tmcxfs, dqys, zxwdjb, gwwhid, sysj) {
				Load.on()
				$.asyncRender({
					url: '/zxwmsgj/tmxxCx',
					type: 'get',
					wrap: '#nav_wrap',
					tem: '#nav_tem',
					pos: 'returnData',
					data: {
						ywcz: ywcz,
						gwwd: gwwd,
						cqpcbh: cqpcbh,
						tmcxfs: tmcxfs,
						dqys: dqys,
						zxwdjb: zxwdjb,
						gwwhid: gwwhid,
						sysj: sysj
					}
				}).done(function (res) {
					var res = res.returnData;
					if (res.executeResult == 1) {
						Load.off();
						NewBc_Arr = [];
						Newcqpcbh = res.dtxx.cqpcbh; //新的批次编号
						currentTime = res.dtxx.sysj; //剩余时间
						// 判断是否已完成答题 为1跳转到index
						sfzhyt = res.dtxx.ywcdt; // 是否为最后一题
						newdqys = res.dtxx.dqys; // 当前页数
						sfxt = res.dtxx.sfxt;
						if (res.dtxx.ywcdt == "1") {
							$(".J_save").html("提交")
						}
						sfzhyy = res.dtxx.sfzhyy
						if (res.dtxx.sfzhyy == "1") {
							$(".J_save").html("提交")
						}
						// timeCount();
						// 判断有没有上一题
						if (res.tmxx[0].sfdyy == 1) {
							$(".J_cancel").hide()
						} else {
							$(".J_cancel").show();
						}
						$(".timeout").hide(); // 倒计时消失
					} else {
						$.layerMsg(res.message, '我知道了');
					}
				})
			}
			template.helper('render_br', function (str, flag) {
				if (flag) {
					var _str = str.replace(/<br>/g, '<br>');
				}
				return _str
			});

			function NextOrPrev(ywcz, cqpcbh, gwwd, zxwdjb, dqys, tmxzjg, gwwhid, sysj, sfxt, tmcxfs) {
				Load.on();
				$.fetch({
					url: "/zxwmsgj/tmxxBc",
					type: "post",
					data: {
						ywcz: ywcz, // 必填 0: 时间到了 1： 页面退出 2： 下一步 3： 提交
						cqpcbh: cqpcbh, //  选填 抽取批次编号
						gwwd: gwwd, // 必填 岗位维度
						zxwdjb: zxwdjb, // 选填 自选维度级别
						dqys: dqys, // 选填 当前页数
						tmxzjg: tmxzjg, // 选填 题目选择结果（ 对象数组tmbh、 tmjb、 xzjg、 sfzqda、 tb）

						gwwhid: gwwhid,
						sysj: sysj,
						sfxt: sfxt,
						tmcxfs: tmcxfs, // 选填 0： 点击开始答题， 1： 点击上一步， 2： 点击下一步
					}
				}).done(function (res) {
					var _res = res.returnData;
					if (_res.executeResult === '1') {
						Load.off();
						// 保存成功继续查询下一题 查询后台返回的值
						// 查询个人答题
						if (_res.sfytj == "1") {
							clearInterval(timeInterval);
							$(window).off('beforeunload');
							alert("您已答完题！")
							window.location.href = './dimension.html?gwwhid=' + _res.gwwhid;
						}
						NewBc_Arr = [];
						if (_res.ywzw == "0" || _res.ywcz == "1") {
							return false;
						} else {
							// 查询个人答题
							getInfo("", _res.gwwd, _res.cqpcbh, _res.tmcxfs, _res.dqys, _res.zxwdjb, _res.gwwhid, '');
							$('body,html').animate({
								scrollTop: 0
							}, 1); // 回到顶部
							return false;
						}
					} else {
						$.layerMsg(_res.returnData, "确定")
					}
				})
			}
			// 填空题
			var Bc_Obj = {}
			$(document).on('focus', '.blankInput', function () {
				!$(this).parent().hasClass('focusActive') && $(this).parent().addClass('focusActive');
			})
			$(document).on('blur', '.blankInput', function () {
				!$(this).val() && $(this).parent().removeClass('focusActive');
				var _val = $(this).eq($(this).index()).val().length;
				var index = $(this).parents('.subject-item').index();
				if (_val) {
					!$(this).parent().hasClass('focusActive') && $(this).parent().addClass('focusActive');
					$(this).eq($(this).index()).siblings().children("span").text(_val);
					Bc_Obj[index] = {
						xzjg: $(this).val(), // 选择结果
						tmbh: $(this).parents(".subject-item").attr("tmbh"), //题目编号 
						tmjb: $(this).parents(".subject-item").attr("tmjb"), //题目级别
						tb: $(this).parents(".subject-item").attr("tb") //图表
					};
				} else {
					$(this).parent().removeClass('focusActive');
				}
			})
			$(document).on('input', '.blankInput', function () {
				var _val = $(this).val();
				if (_val) {
					!$(this).parent().hasClass('focusActive') && $(this).parent().addClass('focusActive');
				} else {
					$(this).parent().removeClass('focusActive');
				}
			})

			// 提交
			$(document).on('click', '.J_save', function () {
				var all = $('.blankInput').length;
				var num = 0;
				$('.blankInput').each(function (index, item) {
					if ($(item).val()) {
						num++;
					}
				})
				if (sfxt == "1") {
					if (all != num) {
						$.layerMsg('还有答案未选择，请继续填写！', '我知道了', function () {})
					} else {
						NewBc_Arr = [];
						var _data = $(".subject-item");
						var index = _data.index()
						_data.each(function (k, v) {
							var obj = {
								xzjg: moreDxAnswer($(this)), // 选择结果
								tmbh: $(this).attr("tmbh"), //题目编号 
								tmjb: $(this).attr("tmjb"), //题目级别
								tb: $(this).attr("tb") //图表
							}
							NewBc_Arr.push(obj)
						})
						if (sfzhyy == '1') {
							$.layerMsg("确认提交?",
								[{
									text: '确认',
									cb: function () {
										NextOrPrev(3, Newcqpcbh, gwwd, zxwdjb, newdqys, NewBc_Arr, gwwhid, '', sfxt,
											2) // 下一题参数 业务操作=3,抽取批次编号,岗位维度,自选难度级别,当前页数+1,题目选择结果数组 由Bc_Obj添加
										NewBc_Arr = [];
									}
								}, {
									text: '取消',
									cb: function () {
										return false
									}
								}])
						} else {
							NextOrPrev(3, Newcqpcbh, gwwd, zxwdjb, newdqys, NewBc_Arr, gwwhid, '', sfxt,
								2) // 下一题参数 业务操作=3,抽取批次编号,岗位维度,自选难度级别,当前页数+1,题目选择结果数组 由Bc_Obj添加
							NewBc_Arr = [];
						}

					}
				} else {
					NextOrPrev(3, Newcqpcbh, gwwd, zxwdjb, newdqys, [], gwwhid, '', sfxt,
						2) // 下一题参数 业务操作=3,抽取批次编号,岗位维度,自选难度级别,当前页数+1,题目选择结果数组 由Bc_Obj添加
					NewBc_Arr = [];
				}
			})

			function postSaveStatus(ywcz, cqpcbh, gwwd, zxwdjb, dqys, tmxzjg, gwwhid, sysj, xfxt, tmcxfs) {
				var deferred = new $.Deferred();
				Load.on();
				$.fetch({
					type: 'post',
					url: '/zxwmsgj/tmxxBc',
					data: {
						ywcz: ywcz, // 必填 0: 时间到了 1： 页面退出 2： 下一步 3： 提交
						cqpcbh: cqpcbh, //  选填 抽取批次编号
						gwwd: gwwd, // 必填 岗位维度
						zxwdjb: zxwdjb, // 选填 自选维度级别
						dqys: dqys, // 选填 当前页数
						tmxzjg: tmxzjg, // 选填 题目选择结果（ 对象数组tmbh、 tmjb、 xzjg、 sfzqda、 tb）
						tmcxfs: tmcxfs, // 选填 0： 点击开始答题， 1： 点击上一步， 2： 点击下一步
						gwwhid: gwwhid,
						sysj: sysj,
						xfxt: xfxt,
						tmcxfs: tmcxfs
					}

				}).always(function () {
					Load.off();
				}).done(function (response) {
					var result = response.returnData;
					if (parseInt(result.executeResult, 10) === 1) {
						getInfo("", result.gwwd, result.cqpcbh, result.tmcxfs, result.dqys, result.zxwdjb, result.gwwhid,
							result.sysj);
						deferred.resolve();
					} else {
						deferred.reject();
					}
				}).fail(function (e) {
					deferred.reject();
				});
				return deferred.promise();
			}
			function moreDxAnswer(ele) {
				var eleXx = $(ele).find('.focusActive');
				var _str = '';
				eleXx.each(function (index, ele) {
					if (index == eleXx.length - 1) {
						_str += $(ele).children().val()
					}
				})
				return _str;
			}
			// 浏览器关闭刷新事件处理
			$(window).on('beforeunload', function (e) {
				NewBc_Arr = [];
				var _data = $(".subject-item");
				var index = _data.index()
				_data.each(function (k, v) {
					var obj = {
						xzjg: moreDxAnswer($(this)), // 选择结果
						tmbh: $(this).attr("tmbh"), //题目编号 
						tmjb: $(this).attr("tmjb"), //题目级别
						tb: $(this).attr("tb") //图表
					}
					NewBc_Arr.push(obj)
				})
				postSaveStatus("4", Newcqpcbh, gwwd, zxwdjb, newdqys, NewBc_Arr, gwwhid, currentTime, sfxt, tmcxfs);
				// 返回上一级
				return '所有维度在三个月内个人只能答一次，且答题时间为一小时，超过一小时则不能继续答题，是否同意？'
			})
		});
	</script>
</body>

</html>
